/**
 * 扩展的样式变量
 * 基于uni.scss扩展的自定义变量，用于统一设计系统
 */

// 移除Dart Sass模块系统引用，使用HBuilder兼容的语法

/* 主色调扩展 */
$primary-color: #6B46C1; // 主色：紫色
$primary-light: #9F7AEA; // 主色浅
$primary-dark: #44337A; // 主色深
$primary-text: #2D3748; // 主要文本色

/* 辅助色 */
$secondary-color: #ED8936; // 辅助色：橙色
$secondary-light: #FBBD23; // 辅助色浅
$secondary-dark: #C05621; // 辅助色深

/* 功能色 */
$success-color: #38A169; // 成功色
$warning-color: #DD6B20; // 警告色
$error-color: #E53E3E; // 错误色
$info-color: #3182CE; // 信息色

/* 中性色 */
$neutral-50: #FAFAFA; // 超浅灰
$neutral-100: #F7FAFC; // 极浅灰
$neutral-200: #EDF2F7; // 浅灰
$neutral-300: #E2E8F0; // 中浅灰
$neutral-400: #CBD5E0; // 中灰
$neutral-500: #A0AEC0; // 中深灰
$neutral-600: #718096; // 深灰
$neutral-700: #4A5568; // 更深灰
$neutral-800: #2D3748; // 极深灰
$neutral-900: #1A202C; // 近黑色

/* 字体大小 */
$font-size-xs: 10px;
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-2xl: 24px;
$font-size-3xl: 30px;

/* 字体粗细 */
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

/* 行高 */
$line-height-xs: 1.2;
$line-height-sm: 1.3;
$line-height-md: 1.4;
$line-height-lg: 1.5;
$line-height-xl: 1.6;

/* 间距 */
$spacing-0: 0px;
$spacing-1: 4px;
$spacing-2: 8px;
$spacing-3: 12px;
$spacing-4: 16px;
$spacing-5: 20px;
$spacing-6: 24px;
$spacing-8: 32px;
$spacing-10: 40px;
$spacing-12: 48px;

/* 边框 */
$border-width-xs: 1px;
$border-width-sm: 2px;
$border-width-md: 3px;
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-xl: 16px;
$border-radius-full: 9999px;

/* 阴影 */
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);

/* 过渡 */
$transition-fast: 0.2s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;

/* 动画 */
$animation-duration: 0.3s;

/* Z-index */
$z-index-base: 1;
$z-index-dropdown: 10;
$z-index-modal: 100;
$z-index-toast: 1000;